*{
  margin: 0;
  padding: 0;
  list-style: none;
}
html,body,#root{
  width: 100%;
  height: 100%;
}
.App{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.App header{
  width: 100%;
  height: 50px;
  background: slateblue;
}
.App main{
  width: 100%;
  flex:1;
}

.App footer{
  width: 100%;
  height: 50px;
  background: slateblue;
}
